<template>
 <h2 class="title">
            Vue路由测试
        </h2>
</template>
<script lang="ts" setup name="Header">

</script>
<style scoped>
.title {
    /* 让其实现居中效果,上下不留空隙,左右自动调整.也就左右的像素自动相同.
    文字水平居中
*/
    text-align: center;
    margin: 40px auto;
    border: 1px black solid;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.418), white);
    font-size: 50px;
    border-radius: 10px;
}
</style>